<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>龙龙和岚岚的相册纪念馆</title>
    <link rel="shortcut icon" href="images/logo.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/bg.css" media="screen" type="text/css" />
    <link rel="stylesheet" href="css/3d.css" media="screen" type="text/css" />
    <link rel="stylesheet" href="css/lrtk.css" media="screen" type="text/css" />
  </head>
  <body>
    
    <div id="mediaDiv">
      <div class="on">
        <!-- 音乐文件 -->
        <audio loop="loop" preload="">
          <source src="images/media/music.mp3"></source>
        </audio>
      </div>
    </div>

    <!-- 照片容器 -->
    <div id="container"></div>
    <div id="info">
      <b>龙龙和岚岚的相册纪念馆</b><br />
      <span style="color: #999">
        试试旋转角度、放大或缩小
      </span>
    </div>
    <div id="menu">
      <button id="table">元素</button>
      <button id="sphere" class="hover">球体</button>
      <button id="helix">螺旋</button>
      <button id="grid">多面</button>
    </div>
    <!-- 花瓣飘落 -->
    <!-- <div id="flower" class="flower"></div> -->
    <!-- 星空 -->
    <canvas id="star" class="star"></canvas>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/three.min.js"></script>
    <script type="text/javascript" src="js/tween.min.js"></script>
    <script type="text/javascript" src="js/TrackballControls.min.js"></script>
    <script type="text/javascript" src="js/CSS3DRenderer.min.js"></script>
    <script type="text/javascript" src="js/jquery.imgbox.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/media.js"></script>
    <!-- 花瓣飘落 -->
    <!-- <script type="text/javascript" src="js/cartoon/flower.js"></script> -->
    <!-- 星空 -->
    <script type="text/javascript" src="js/cartoon/star.js"></script>
  </body>
</html>
